<template>
	<view class="member-center">
		<view class="member-user-msg">
			<view class="member-user-msg-person">
				<view class="bg-img"></view>
				<image :src="avatarUrl" v-if="avatarUrl != ''"></image>
				<view class="team-icon" v-if="avatarUrl != ''&&info.is_captain==1">
					队
				</view>
				<view class="user-text" v-if="nickName != ''">
					<text>{{nickName}}</text>
					<text>贡献值：{{info.user.achievement_value}}</text>
				</view>
				<button v-else open-type="getUserInfo" withCredentials="true" lang="zh_CN" @getuserinfo="getuserinfo" class="buttom">请先登录</button>
			</view>
			<view @click="jurisdictionExplain">
				权益说明
			</view>
		</view>
		<view class="empirical-value">
			<view class="empirical-level">
				<view>
					<image :src="advanced_fire_icon"></image>
					<text style="font-weight:550;">{{info.user.tinder_grade}}</text>
				</view>
				<image :src="arror_right_icon"></image>
			</view>
			<view class="progress-bar">
				<view class="botline">
					<view class="topline" :style="{width:width + '%'}"></view>
				</view>
				<view v-if="info.user.achievement_value!=0">
					{{info.user.achievement_value}}/{{info.user.full_value}}
				</view>
			</view>
			<view v-if="info.user.code!=0" :class="info.user.achievement_value!=0?'':'code'">
				全球唯一编码：{{info.user.code}}
			</view>
		</view>
        <!-- 直播 -->
        <view class="live" style="width: 744upx;background-color:#FFFFFF ;height: 104upx;">
            <view><text class="me-live">我要直播</text><image src="../../static/sp.png" class="live-img"></image>
            <button class="go-live" @click="Tolive">去直播</button>
            </view>
            
        </view>
		<!-- 我的收益 -->
		<view class="my-earnings">
			<view class="my-earnings-title">
				<view>
					<image :src="my_earnings_icon"></image>
					<text style="font-weight:550;">我的收益</text>
				</view>
				<view @click="gainEarn">
					<text>如何赚收益？</text>
					<image :src="arrow_right"></image>
				</view>
			</view>
			<view class="different-earnings">
				<view v-if="(info.my_income.is_partner==1&&index==4)||index<4" :class="index==4?'common-style patener':'common-style'" v-for="(item,index) in earningsList" :key="index" @click="earningsDetail(index)">
					<text>{{item.value}}</text>
					<text>{{item.name}}</text>
				</view>
				<view class="line"></view>
			</view>
			<view class="withdraw-deposit">
				<view @click="getMoney">
					提现
				</view>
				<view>
					可提现金额<text style="font-weight:550;">￥{{info.my_income.withdrawal_amount}}</text>
				</view>
			</view>
		</view>
		<!-- 我的团队 -->
		<view class="my-team">
			<view class="my-earnings-title" @click="teamClick">
				<view>
					<image :src="my_team_icon"></image>
					<text style="font-weight:550;">我的团队</text>
				</view>
				<view>
					<text>招募队员越多 队长收益越大</text>
					<image :src="arrow_right"></image>
				</view>
			</view>
			<view class="different-team" @click="teamClick">
				<view class="common-style" v-for="(item,index) in teamList" :key="index">
					<text>{{item.value}}</text>
					<text>{{item.name}}</text>
				</view>
				<view class="on-line"></view>
			</view>
			<!-- #ifdef MP-WEIXIN -->
			<button open-type="share" v-if="info.is_captain==0">
				<!-- <image :src="invite_img"></image> -->
				<view style="width: 100rpx;position: absolute;z-index: 999;top: 18rpx;right: 102rpx;">
					<text style="font-size:44rpx;color:#f45744 ;font-family: SimHei;font-weight: bold;">{{invite1_achievement_value}}</text>
				</view>
				<image src="../../static/invite_img05.png"></image>
			</button>
			<!-- #endif -->
			<!-- #ifdef H5 -->
			<button @click="open_share_tip" v-if="info.is_captain==0">
				<!-- <image :src="invite_img"></image> -->
				<view style="width: 100rpx;position: absolute;z-index: 999;top: 18rpx;right: 102rpx;">
					<text style="font-size:44rpx;color:#f45744 ;font-family: SimHei;font-weight: bold;">{{invite1_achievement_value}}</text>
				</view>
				<image src="../../static/invite_img05.png"></image>
			</button>
			<!-- #endif -->
		</view>
		<!-- 我的小幸运 -->
		<view class="my-lucky">
			<view class="my-earnings-title" @click="luckyDetail()">
				<view>
					<image :src="my_lucky_icon"></image>
					<text style="font-weight:550;">我的小幸运</text>
				</view>
				<view>
					<image :src="arrow_right"></image>
				</view>
			</view>
			<view class="different-lucky">
				<view class="common-style" v-for="(item,index) in luckyList" :key="index" @click="luckyDetail()">
					<text>{{item.value}}</text>
					<text>{{item.name}}</text>
				</view>
				<view class="on-lucky-line"></view>
			</view>
			<view class="my-lucky-award">
				<view v-if="info.my_little_lucky.rewardList&&info.my_little_lucky.rewardList.length>0">
					最近获得奖励
				</view>
				<view class="gain-award">
					<view v-for="(one,index) in info.my_little_lucky.reward" :key="index">
						<image :src="telephone_charge"></image>
						<text>{{one}}</text>
					</view>
				</view>
			</view>
		</view>
		<!-- 我的活动 -->
		<view class="my-activity">
			<view class="my-earnings-title" @click="privilegeAcv(0)">
				<view>
					<image :src="my_activity_icon"></image>
					<text style="font-weight:550;">我的活动</text>
				</view>
				<view>
					<image :src="arrow_right"></image>
				</view>
			</view>
			<view class="different-team">
				<view class="common-style" v-for="(item,index) in activityList" :key="index" @click="privilegeAcv(index)">
					<text>{{item.value}}</text>
					<text>{{item.name}}</text>
				</view>
				<view class="on-line"></view>
			</view>
			<view class="join-activity">
				<view v-if="info.my_activity.recent_activity.length>0">
					最近参与活动
				</view>
				<view class="join-activity-detail">
					<view v-for="(one,index) in info.my_activity.recent_activity" :key="index" @click="toOrderDetail(one)">
						<image :src="one.img_src"></image>
						<view>
							{{one.title}}
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 地址管理 -->
		<!-- #ifdef MP-WEIXIN -->
		<button class="address-manage" open-type="getUserInfo" withCredentials="true" lang="zh_CN" @getuserinfo="addressMan">
			<view>
				<image :src="address_icon"></image>
				<text style="font-weight:550;">地址管理</text>
			</view>
			<view>
				<image :src="arrow_right"></image>
			</view>
		</button>
		<!-- #endif -->
		<!-- #ifdef H5 -->
		<button class="address-manage" @click="toAddressManage" withCredentials="true" lang="zh_CN" @getuserinfo="addressMan">
			<view>
				<image :src="address_icon"></image>
				<text style="font-weight:550;">地址管理</text>
			</view>
			<view>
				<image :src="arrow_right"></image>
			</view>
		</button>
		<!-- #endif -->
		
		<!-- 关于我们 -->
		<view class="address-manage" @click="aboutWe">
			<view>
				<image :src="adout_us_icon"></image>
				<text style="font-weight:550;">关于我们</text>
			</view>
			<view>
				<image :src="arrow_right"></image>
			</view>
		</view>
		<!-- #ifdef MP-WEIXIN -->
		<button class="service" open-type="contact" :session-from="session_from">
			<image :src="service_icon"></image>
		</button>
		<!-- #endif -->
		<!-- #ifdef H5 -->
		<button class="service" @click="preImg('/static/server_code.jpg')">
			<image :src="service_icon"></image>
		</button>
		<!-- #endif -->
	<!-- 	<view class="service" @click="toService">
			<image :src="service_icon"></image>
		</view> -->
		<ending></ending>
		
		<!-- #ifdef H5 -->
		<!-- 分享提示 -->
		<uni-popup ref="shareTip" :custom="true">
			<view class="popup_box_de_share"><image class="popup_box_close_share" src="/static/share_tip.png"></image></view>
		</uni-popup>
		<!-- #endif -->
	</view>
</template>

<script>
	import uniPopup from '@/components/uni-popup/uni-popup.vue'
	import ending from '@/common/ending.vue'
	import {userLogin} from '@/common/login.js'
	export default{
		//分享
		onShareAppMessage(res) {
			if (this.$store.getters.getToken) {
				return {
					title: this.copy_write,
					path: 'pages/home/home?share_id='+this.$store.getters.getUserId+'&fromJin=2',
					imageUrl: this.image_src
				}
			}
		},
		components:{ending,uniPopup},
		data(){
			return{
				invite1_achievement_value : '',
				session_from:'{"type":"wxapp"}',
				advanced_fire_icon: this.$imgUrl+'img/member/advanced-fire-icon.png',
				arror_right_icon: this.$imgUrl + 'img/member/arror-right-icon.png',
				my_earnings_icon: this.$imgUrl + 'img/member/my_earnings_icon.png',
				arrow_right: this.$imgUrl+'img/arrow_right.png',
				my_team_icon: this.$imgUrl+'img/member/my_team_icon.png',
				invite_img: this.$imgUrl+'img/member/invite_img05.png',
				my_lucky_icon: this.$imgUrl+'img/member/my_lucky_icon.png',
				telephone_charge: this.$imgUrl+'img/member/telephone_charge.png',
				achievement_value: this.$imgUrl+'img/member/achievement_value.png',
				my_activity_icon: this.$imgUrl+'img/member/my_activity_icon.png',
				address_icon: this.$imgUrl+'img/member/address_icon.png',
				adout_us_icon:this.$imgUrl+'img/member/adout_us_icon.png',
				service_icon: this.$imgUrl+'img/member/service_icon.png',
				width: 0,
				earningsList:[
					{name:'成就收益(元)',value:'0'},
					{name:'幸运福袋(元)',value:'0'},
					{name:'分享收益(元)',value:'0'},
					{name:'队长收益(元)',value:'0'},
					{name:'合伙人收益(元)',value:'0'}
				],
				teamList: [
					{name:'团队人数',value:'0'},
					{name:'一级队员',value:'0'},
					{name:'二级队员',value:'0'}
				],
				luckyList:[
					{name:'等待开奖数',value:'0'},
					{name:'已开奖数',value:'0'}
				],
				activityList:[
					{name:'进行中',value:'0'},
					{name:'已完成',value:'0'},
					{name:'已取消',value:'0'}
				],
				image_src: '',
				copy_write: '',
				info: {
					is_captain: 0,
					user: {
						tinder_grade: '',
						achievement_value: 0,
						full_value: 0,
						code: 0
					},
					my_income:{
						withdrawal_amount:0,
						is_partner: 1,//1显示，2不显示合伙人收益
					},
					my_activity: {
						recent_activity: []
					},
					my_little_lucky: {
						reward: []
					}
				},
				nickName: '',
				avatarUrl: '',
				token: this.$store.getters.getToken,
				share_id: this.$store.getters.getShareId,
				templateIds: [],
				needTemp: []
			}
		},
		onShow() {
			if(this.$store.getters.getToken) {
				try {
					const res = uni.getStorageSync('userInfo');
					if (res) {
						this.nickName = res.nickName
						this.avatarUrl = res.avatarUrl
					}
				} catch (e) {
					this.nickName = this.$store.state.nickName
					this.avatarUrl = this.$store.state.avatarUrl
				}
				this.getTempId()
				this.getData()
				
				// 邀请好友成就值获取
				this.$api.get_achievement_value({token:this.$store.getters.getToken}).then(res => {
				    if(res.status){
				      this.invite1_achievement_value = res.data.invite1_achievement_value
				    }
				}).catch(err => {
						console.log('邀请好友成就值获取', err)
					})
			}
		},
		methods:{
            //去直播页面
            Tolive(){
               uni. navigateTo({
                   url:'./golive/golive'
               })
            },
			// 去到特权活动订单详情页
			toOrderDetail(one) {
				uni.navigateTo({
					url: '../welfare/buySucceed/buySucceed?order_id='+one.id+'&id='+one.activity_id
				})
			},
			// 获取我的页面数据
			getData() {
				if(this.$store.getters.getToken) {
					let data = {
						token: this.token
					}
					this.$api.getMyData(data).then(res => {
						if(res.status) {
							this.copy_write = res.index.copy_write
							this.image_src = res.index.image_src
							this.info = res.data
							this.width = (this.info.user.achievement_value/this.info.user.full_value).toFixed(2)*100
							this.width>100?this.width=100:this.width=this.width
							this.earningsList[0].value = this.info.my_income.achievement_income
							this.earningsList[1].value = this.info.my_income.lucky_bag_money
							this.earningsList[2].value = this.info.my_income.share_money
							this.earningsList[3].value = this.info.my_income.captain_income
							this.earningsList[4].value = this.info.my_income.partner_income
							
							this.teamList[0].value = this.info.my_team.team_size
							this.teamList[1].value = this.info.my_team.first_team_player
							this.teamList[2].value = this.info.my_team.two_team_player
							
							this.activityList[0].value = this.info.my_activity.processing
							this.activityList[1].value = this.info.my_activity.completed
							this.activityList[2].value = this.info.my_activity.canceled
							
							this.luckyList[0].value = this.info.my_little_lucky.pend_draw
							this.luckyList[1].value = this.info.my_little_lucky.winned
							
							// #ifdef H5
							// H5分享
							let link=this.$store.state.H5URL+'pages/home/home?share_id='+this.$store.getters.getUserId+'&fromJin=2'
							let share_detail = '这是我的-我的团队-招募详情'
							this.share(this.copy_write,share_detail,this.image_src,link=link)
							// #endif
						}else {
							uni.showToast({
								title: res.msg,
								icon: 'none',
								duration: 2000
							})
						}
						console.log('获取我的页面数据',res)
					}).catch(err => {
						console.log('获取我的页面数据',err)
					})
				}
			},
			// 提现
			getMoney() {
				if(this.$store.getters.getToken) {
					uni.navigateTo({
						url: './depositWeiXin/depositWeiXin?withdrawal='+this.info.my_income.withdrawal_amount
					})
				}else {
					uni.showToast({
						title: '请先登录',
						icon: 'none',
						duration: 2000
					})
				}
			},
			// 跳转到客服页面
			toService() {
				if(this.$store.getters.getToken){
					uni.navigateTo({
						url: '../service/service'
					})
				}else {
					uni.showToast({
						title: '请先登录',
						icon: 'none',
						duration: 2000
					})
				}
			},
			toAddressManage(){
				if(this.$store.getters.getToken){
					uni.navigateTo({
						url: './addressManage/addressManage'
					})
				}else {
					uni.showToast({
						title: '请先登录',
						icon: 'none',
						duration: 2000
					})
				}
			},
			getuserinfo(){
				userLogin(this.share_id,this.fromJin)
				setTimeout(()=> {
					try {
						const res = uni.getStorageSync('userInfo');
						if (res) {
							this.nickName = res.nickName
							this.avatarUrl = res.avatarUrl
						}
					} catch (e) {
						this.nickName = this.$store.state.nickName
						this.avatarUrl = this.$store.state.avatarUrl
					}
				},2000) 
			},
			// 权益说明
			jurisdictionExplain(){
				uni.navigateTo({
					url:'./menberJurisdiction/menberJurisdiction?page=jurisdictionExplain'
				})
			},
			// 如何赚取收益
			gainEarn(){
				uni.navigateTo({
					url: './menberJurisdiction/menberJurisdiction?page=gainEarn'
				})
			},
			// 获取需要授权的模板id
			getTempId() {
				let self = this
				let data = {
					token: self.$store.getters.getToken,
					type: 4
				}
				self.$api.get_wx_news(data).then(res=>{
					if (res.status) {
						if(res.data.length>0) {
							self.needTemp = res.data
						}else {
							self.needTemp = []
						}
						console.log('订阅消息数据模板id', res)
					}else {
						uni.showToast({
							title: res.msg,
							icon: 'none',
							duration: 2000
						})
					}
				}).catch(err=>{
					console.log('订阅消息数据模板id', err)
				})
			},
			// 告知后台订阅的模板id有哪些
			tellManageTmpIds() {
				let self = this
				let temp = self.templateIds.join(',')
				let data = {
					token: self.$store.getters.getToken,
					templateIds: temp,
					isNoNeedLoading: true
				}
				self.$api.get_wx_news_result(data).then(res => {
					console.log('小程序授权模板告知',res)
				}).catch(err => {
					console.log('小程序授权模板告知',err)
				})
			},
			subNews(data) {
				let self = this
				uni.requestSubscribeMessage({
					tmplIds: self.needTemp,
					success(res) {
						let arr = []
						for(var p in res){
						  if(res[p] == 'accept') {
							  arr.push(p)
						  }
						}
						self.templateIds = arr
						console.log('授权了的模板id有',arr)
						self.tellManageTmpIds()
					},
					fail(err) {
						console.log('订阅消息fail', err)
					}
				})
			},
			earningsDetail(index){
				let self = this
				if(self.$store.getters.getToken) {
					if(self.needTemp.length>0) {
						uni.showModal({
							content: '是否订阅收益通知消息？',
							confirmColor: '#00A66A',
							success: function (res) {
							    if (res.confirm) {
									self.subNews()
									setTimeout(()=>{
										uni.navigateTo({
											url:'./earningsDetail/earningsDetail?detail='+index
										})
									},1500)
							    } else if (res.cancel) {
									uni.navigateTo({
										url:'./earningsDetail/earningsDetail?detail='+index
									})
							    }
							}
						})
					}else {
						uni.navigateTo({
							url:'./earningsDetail/earningsDetail?detail='+index
						})
					}
				}else {
					uni.showToast({
						title: '请先登录',
						icon: 'none',
						duration: 2000
					})
				}
			},
			teamClick(){
				if(this.$store.getters.getToken){
					uni.navigateTo({
						url:'./myTeam/myTeam'
					})
				}else {
					uni.showToast({
						title: '请先登录',
						icon: 'none',
						duration: 2000
					})
				}
			},
			luckyDetail(){
				if(this.$store.getters.getToken){
					uni.navigateTo({
						url:'./luckyDetail/luckyDetail'
					})
				}else {
					uni.showToast({
						title: '请先登录',
						icon: 'none',
						duration: 2000
					})
				}
			},
			privilegeAcv(index){
				if(this.$store.getters.getToken){
					uni.navigateTo({
						url:'./privilegeDetail/privilegeDetail?index='+index
					})
				}else {
					uni.showToast({
						title: '请先登录',
						icon: 'none',
						duration: 2000
					})
				}
			},
			addressMan(){
				if(this.$store.getters.getToken){
					uni.navigateTo({
						url:'./addressManage/addressManage'
					})
				}else{
					uni.showToast({
						title: '请先登录',
						icon: 'none',
						duration: 2000
					})
				}
				
			},
			aboutWe(){
				uni.navigateTo({
					url:'./aboutUs/aboutUs'
				})
			},
			open_share_tip(){				
				this.$refs.shareTip.open();
			}
		}
	}
</script>

<style>
	
	page{
		position: relative;
		top: 0;left: 0;right: 0;bottom: 0;
	}
    /*直播*/
    .live{
        position: relative;
        margin-top: 20upx;
    }
    .live .me-live{
        position: absolute;
        margin:29upx 76upx ;
        font-size: 32upx;
        color: #333333;
        font-weight: 700;
        
    }
    .live .live-img{
        width: 40upx;
        height: 34upx;
        margin:34upx 30upx ;
    }
    .live .go-live{
        width: 180upx;
        height: 60upx;
        background-image: linear-gradient( #B3EA00,#00A66A);
        box-shadow: 0 8upx 16upx 0 rgba(0,166,106,0.4);
        border-radius: 30upx;
        line-height: 60upx;
        float: right;
        margin-top: 22upx;
        margin-right:30upx ;
        color: #FFFFFF;
        font-size: 30upx;
        text-align: center;
    }
    /* 直播结束 */
	.member-center{
		width: 100%;
		height: 100%;
		background: #F5F6F9;
	}
	.member-user-msg{
		width: 100%;
		height: 236upx;
		background: url(https://lightplanet.tuanhaoke.cn/img/member/menber_bg_img.png);
		background-size: 100% 100%;
		padding-left: 32upx;
		padding-top: 20upx;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
	}
	.member-user-msg-person{
		display: flex;
		position: relative;
		flex-grow: 2;
	}
	.member-user-msg-person .bg-img{
		  width:112upx;
		  height: 112upx;
		  border-radius: 50%;
		  background:#fff;
		  text-align: center;
		  opacity: 0.5;
		  position: absolute;
		  top:0%;
		  left:0%;
	}
	.buttom{
		width: 112upx;
		height: 112upx;
		line-height: 112upx;
		font-size: 28upx;
		color: #fff;
		background: none;
		margin-left: 120upx;
		padding: 0;
	}
	.buttom:after{
		border: none;
	}
	.member-user-msg-person>image{
		width: 112upx;
		height: 112upx;
		border-radius: 50%;
		position: absolute;
		top:0%;
		left:0%;
	}
	.member-user-msg-person>view>text{
		display: block;
	}
	.team-icon{
		width: 38upx;
		height: 38upx;
		background: #00CEFF;
		border: 1px solid #FFFFFF;
		text-align: center;
		font-size: 22upx;
		color: #FFFFFF;
		border-radius: 50%;
		position: absolute;
		top: 30%;left: 13%;
	}
	.member-user-msg-person .user-text{
		padding-top: 4upx;
		box-sizing: border-box;
		color: #FFFFFF;
		position: absolute;
		top: 0%;left: 24%;
	}
	.member-user-msg-person>view>text:first-child{
		font-size: 36upx;
	}
	.member-user-msg-person>view>text:last-child{
		/* width: 208upx; */
		height: 40upx;
		line-height: 40upx;
		text-align: center;
		border-radius: 48upx;
		background: rgba(0,0,0,0.19);
		margin-top: 14upx;
		font-size: 24upx;
		padding: 0 20upx;
	}
	.member-user-msg>view:last-child{
		width: 144upx;
		height: 54upx;
		line-height: 54upx;
		text-align: center;
		color: #FFFFFF;
		background: linear-gradient(to right,rgba(0,0,0,0.1),rgba(0,0,0,0.23));
		border-radius: 26upx 0 0 26upx;
		font-size: 24upx;
		margin-top: 34upx;
	}
	.empirical-value{
		width: 690upx;
		height: 214upx;
		background: #FFFFFF;
		border-radius: 20upx;
		margin: 0 auto;
		margin-top: -75upx;
		padding: 24upx 16upx 24upx 20upx;
		box-sizing: border-box;
	}
	.empirical-level{
		display: flex;
		justify-content: space-between;
	}
	.empirical-level>view>image{
		width: 30upx;
		height: 36upx;
		vertical-align: middle;
	}
	.empirical-level>view>text{
		display: inline-block;
		color: #00A66A;
		font-size: 28upx;
		vertical-align: middle;
		margin-left: 10upx;
	}
	.empirical-level>image{
		width: 12upx;
		height: 20upx;
		margin-top: 10upx;
	}
	.progress-bar{
		margin-top: 28upx;
	}
	.botline{
		width: 100%;
		height: 16upx;
		border-radius: 20upx;
		background: rgba(212,239,208,0.19);
	}
	.topline{
		background: linear-gradient(to right,#199D49,#B7D139,#FEF853);
		border-radius: 20upx;
		height: 16upx;
	}
	.progress-bar>view:last-child{
		color: #AAAAAA;
		text-align: right;
		font-size: 22upx;
		margin-top: 8upx;
	}
	.empirical-value>view:last-child{
		color: #666666;
		font-size: 24upx;
		margin-top: 4upx;
	}
	.code {
		margin-top: 42upx!important;
	}
	
	.my-earnings{
		width: 100%;
		height: 574upx;
		background: #FFFFFF;
		margin-top: 30upx;
		padding: 0 30upx;
		box-sizing: border-box;
	}
	.my-earnings-title{
		width: 100%;
		padding: 30upx 0;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		border-bottom: 1upx solid #DEDEDE;
	}
	.my-earnings-title>view:first-child>image{
		width: 40upx;
		height: 40upx;
		vertical-align: middle;
	}
	.my-earnings-title>view:first-child>text{
		color: #333333;
		font-size: 32upx;
		vertical-align: middle;
		display: inline-block;
		margin-left: 10upx;
	}
	.my-earnings-title>view:last-child>image{
		width: 12upx;
		height: 22upx;
		vertical-align: middle;
	}
	.my-earnings-title>view:last-child>text{
		color: #999999;
		font-size: 28upx;
		vertical-align: middle;
		display: inline-block;
		margin-right: 8upx;
	}
	.different-earnings{
		padding-top: 36upx;
		display: flex;
		flex-wrap: wrap;
		position: relative;
		align-items: center;
		box-sizing: border-box;
	}
	.different-earnings>view:nth-child(2),.different-earnings .patener{
		width: 248upx;
		height: 120upx;
	}
	.different-earnings>view:first-child,.different-earnings>view:nth-child(4){
		width: 220upx;
		height: 120upx;
	}
	.different-earnings>view:nth-child(3){
		width: 220upx;
		height: 120upx;
	}
	.common-style>text{
		display: block;
		text-align: center;
	}
	.common-style>text:first-child{
		color: #333333;
		font-size: 36upx;
		font-weight: 550;
	}
	.common-style>text:last-child{
		color: #999999;
		font-size: 24upx;
		margin-top: 4upx;
	}
	.line{
		width: 2upx;
		height: 46upx;
		border-left: 1px solid #EFEFEF;
		position: absolute;
		left: 216upx;top: 60upx;
	}
	.line:after{
		content: '';
		display: block;
		width: 2upx;
		height: 46upx;
		border-left: 1px solid #EFEFEF;
		position: absolute;
		left: 248upx;
	}
	.line:before{
		content: '';
		display: block;
		width: 2upx;
		height: 46upx;
		border-left: 1px solid #EFEFEF;
		position: absolute;
		top: 114upx;left: -2upx;
	}
	.withdraw-deposit>view:first-child{
		width: 638upx;
		height: 88upx;
		line-height: 88upx;
		color: #FFFFFF;
		text-align: center;
		margin: 0 auto;
		margin-top: 10upx;
		background: linear-gradient(#CBEC00,#00A66A);
		border-radius: 44upx;
		font-size: 32upx;
		box-shadow: 0 8upx 16upx 0 rgba(0,166,106,0.4);
	}
	.withdraw-deposit>view:last-child{
		color: #333333;
		font-size: 24upx;
		margin-top: 24upx;
		text-align: center;
	}
	.withdraw-deposit>view:last-child>text{
		display: inline-block;
		margin-left: 6upx;
		color: #FF5C46;
		font-size: 28upx;
	}
	/* 收益end */
	
	/* 我的团队css  start */
	.my-team{
		position: relative;
		width: 100%;
		/* height: 532upx; */
		background: #FFFFFF;
		margin-top: 20upx;
		padding: 0 30upx 24upx 30upx;
		box-sizing: border-box;
	},
	
	.different-team{
		display: flex;
		height: 120upx;
		padding-top: 38upx;
		box-sizing: border-box;
		justify-content: space-between;
		position: relative;
	}
	.different-team>view:first-child,.different-team>view:nth-child(3){
		width: 220upx;
	}
	.different-team>view:nth-child(2){
		width: 248upx;
	}
	.on-line{
		width: 2upx;
		height: 46upx;
		border-left: 1px solid #EFEFEF;
		position: absolute;
		left: 216upx;top: 60upx;
	}
	.on-line:after{
		content: '';
		display: block;
		width: 2upx;
		height: 46upx;
		border-left: 1px solid #EFEFEF;
		position: absolute;
		left: 248upx;
	}	
	.my-team>button{
		width: 100%;
		height: 224upx;
		margin-top: 56upx;
	}
	.my-team>button>image{
		width: 100%;
		height: 100%;
	}
	/* 团队  end */
	
	/* 我的小幸运css  start */
	.my-lucky{
		width: 100%;
		background: #FFFFFF;
		margin-top: 20upx;
		padding: 0 30upx;
		box-sizing: border-box;
		padding-bottom: 30upx;
	}
	.on-lucky-line{
		width: 2upx;
		height: 46upx;
		border-left: 1px solid #EFEFEF;
		position: absolute;
		left: 216upx;top: 60upx;
	}
	.different-lucky{
		display: flex;
		position: relative;
	}
	.different-lucky>view:first-child{
		padding-top: 36upx;
		padding-left: 36upx;
		padding-right: 64upx;
		box-sizing: border-box;
	}
	.different-lucky>view:nth-child(2){
		padding: 0 64upx;
		padding-top: 36upx;
		box-sizing: border-box;
	}
	.my-lucky-award{
		margin-top: 44upx;
	}
	.my-lucky-award>view:first-child{
		color: #333333;
		font-size: 28upx;
		text-align: left;
	}
	.gain-award{
		display: flex;
		margin-top: 30upx;
	}
	.gain-award>view{
		height: 58upx;
		line-height: 53upx;
		background: rgba(43,210,204,0.09);
		border-radius: 28upx;
		text-align: center;
		padding: 0upx 20upx;
		box-sizing: border-box;
		margin-right: 30upx;
	}
	.gain-award>view>image{
		width: 32upx;
		height: 32upx;
		vertical-align: middle;
		margin-right: 10upx;
	}
	.gain-award>view>text{
		vertical-align: middle;
		color: #FF5C46;
		font-size: 28upx;
	}
	/* 小幸运  end */
	/* 我的活动css   start */
	.my-activity{
		width: 100%;
		margin-top: 20upx;
		background: #FFFFFF;
		padding: 0 30upx;
		box-sizing: border-box;
		padding-bottom: 30upx;
	}
	.join-activity{
		margin-top: 44upx;
	}
	.join-activity>view:first-child{
		text-align: left;
		color: #333333;
		font-size: 28upx;
	}
	.join-activity-detail{
		display: flex;
		margin-top: 18upx;
	}
	.join-activity-detail>view {
		margin-right: 30upx;
		width: 240upx;
	}
	.join-activity-detail>view>image{
		width: 240upx;
		height: 178upx;
		border-radius: 8upx;
	}
	.join-activity-detail>view>view{
		color: #666666;
		font-size: 24upx;
		margin-top: 12upx;
	}
	/* 活动   end */
	.address-manage{
		width: 100%;
		height: 100upx;
		line-height: 100upx;
		padding: 0 30upx 0 34upx;
		box-sizing: border-box;
		background: #FFFFFF;
		margin-top: 20upx;
		display: flex;
		justify-content: space-between;
	}
	.address-manage>view:first-child>image{
		width: 32upx;
		height: 36upx;
		vertical-align: middle;
	}
	.address-manage>view:first-child>text{
		display: inline-block;
		color: #333333;
		font-size: 32upx;
		margin-left: 14upx;
		vertical-align: middle;
	}
	.address-manage>view:last-child>image{
		width: 12upx;
		height: 22upx;
	}
	/* 活动   end */
	.service{
		width: 144upx;
		height: 144upx;
		position: fixed;
		bottom: 140upx;
		right: 40upx;
		background-color: transparent;   /*按钮透明*/  
		border:none;				/*设置按钮边框*/
	}
	.service>image{
		width: 100%;
		height: 100%;
	}
	
	/* 分享提示 */
	.popup_box_de_share {
		width: 100%;
		height: 100%;
	}
	.popup_box_close_share {
		width: 300upx;
		height: 300upx;
		position: fixed;
		top: 10upx;
		right: 10upx;
	}
	.popup_box_title {
		display: flex;
		justify-content: space-between;
	}
	.popup_box_title > view:nth-child(2) {
		color: #333333;
		font-size: 34upx;
	}
	.popup_box_title_tip {
		color: #999999;
		font-size: 24upx;
		text-align: center;
		margin-top: 10upx;
	}
	.popup_box_tip {
		color: #666666;
		font-size: 26upx;
		text-align: center;
	}
	.popup_box_title > .line {
		width: 84upx;
		height: 2upx;
		border-top: 1upx solid #dedede;
		margin-top: 24upx;
	}
	.popup_box_de {
		width: 592upx;
		height: 744upx;
		position: relative;
		z-index: 999;
	}
	.popup_box_close {
		width: 52upx;
		height: 52upx;
		position: absolute;
		top: 0;
		right: 0;
	}
	.popup_box_content {
		width: 100%;
		height: 682upx;
		background: #ffffff;
		position: absolute;
		top: 72upx;
		left: 0;
		border-radius: 16upx;
		z-index: 999;
		padding: 40upx 46upx;
		box-sizing: border-box;
	}
	.popup_box_content > image {
		width: 388upx;
		height: 386upx;
		margin: 24upx auto 0;
		margin-left: 40upx;
	}
</style>
